import { createApp } from 'vue'

import ArcoVue from '@arco-design/web-vue'
// 额外引入图标库
import ArcoVueIcon from '@arco-design/web-vue/es/icon'

import '@arco-design/web-vue/dist/arco.css'

import '@/styles/index.scss'

import hljs from 'highlight.js/lib/core'
import xml from 'highlight.js/lib/languages/xml'
import json from 'highlight.js/lib/languages/json'
import hljsVuePlugin from '@highlightjs/vue-plugin'
import App from './App.vue'
import i18n from '@/i18n'
import df from '@/components/index'

hljs.registerLanguage('xml', xml)
hljs.registerLanguage('json', json)

const app = createApp(App)

app.use(df)
app.use(i18n)
app.use(ArcoVue)
app.use(ArcoVueIcon)
app.use(hljsVuePlugin)

app.mount('#app')
